.confer-date {
  float: right;
  color: #ccc;
}
.confer-edit {
  transition: all 0.5s ease;
  width: 0;
  overflow: hidden;
}
.confer-summary {
  min-height: 8rem;
  max-height: 20rem;
  overflow-y: scroll;
  word-break: break-all;
  transition: all 0.3s ease;
  border-left: 0.2rem solid rgb(15, 167, 255);
  white-space: pre-wrap;
  &:hover {
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
    border-left: 1rem solid rgb(15, 167, 255);
    .summary-content {
      color: #000;
    }
  }
  .summary-content {
    margin: 0 0.5rem 0 0.5rem;
    color: #ccc;
  }
}
.conference-detail {
  margin-top: 1rem;
}
.summary-host {
  user-select: none;
  border-left: 0.2rem solid rgb(15, 167, 255);
  .summary-host-content {
    padding-left: 0.5rem;
  }
  :hover {
    .host-title {
      color: #000;
      margin-left: 2rem;
      letter-spacing: 1rem;
    }
    .host-user {
      margin-left: 1rem;
    }
  }
  .host-user {
    transition: all 0.5s ease;
  }
  .host-title {
    transition: all 0.5s ease;
    font-size: 1.2rem;
    color: #ccc;
  }
}
